<!DOCTYPE html>
<html>

<head>
    <#import "../common/common.macro.ftl" as netCommon>
    <title>艺术上海-我的足迹</title>
    <meta charset="utf-8" />

    <base target="_blank">
    <meta name="renderer" content="webkit" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <link href="/static/css/bootstrap.mini.css" rel="stylesheet" />
    <link href="/static/css/style.css" rel="stylesheet" />
    <link href="/static/css/font-awesome.min.css" rel="stylesheet" type="text/css">
    <link href="/static/css/font-face.css" rel="stylesheet" />
    <link href="/static/css/common/index.css" rel="stylesheet" />
    <link href="/static/css/footer/index.css" rel="stylesheet" />
    <link href="/static/css/font/font-awesome.min.css" rel="stylesheet" />
    <style>
        .app-containter{
            width: 1440px;
            margin: 0 auto;
        }
        .app-containter-top{
            width: 100%;
        }
        .app-containter-top p{
            margin: 0;
            padding: 0;
            display: block;
        }
        .section-index{
            background: #fff;
        }

        .app-containter-box{
            padding: 50px 0px;
        }

        .app-containter-box h3{
            text-align: center;
        }

        .works-list-works{
            width: 1200px;
            margin: 0px auto;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: flex-start;

            padding-bottom: 80px;

        }
        .works-list-works-item {
            width: 280px;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
            margin-left: 20px;
        }
        .works-list-works-item img{
            object-fit: cover;
        }
        .works-list-works-item-img{
            width: 280px;
            height: 280px;
        }
        .works-list-works-item-info{
            width: 280px;
            margin: 8px;
        }
        .works-list-works-item-info h3{
            font-size: 16px;
            line-height: 28px;

        }
        .works-list-works-item-info p{
            display: block;
            line-height: 24px;
            margin-bottom: 4px;
            overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
        }
        .works-list-works-item-info span{
            display: block;
            margin-bottom: 8px;
            line-height: 24px;
        }



        .works-list-org{
            width: 1200px;
            margin: 0px auto;
            display: flex;
            flex-wrap: wrap;
            align-items: flex-start;
            justify-content: space-between;
            padding-bottom: 80px;

        }

        .works-list-works-item {
            width: 280px;
            align-items: center;
            justify-content: center;
            margin-bottom: 10px;
        }
        .works-list-org-item img{
            object-fit: cover;
        }
        .works-list-org-item-img{
            width: 360px;
            height: 260px;
        }
        .works-list-org-item-info{
            width: 360px;
            margin: 8px;
        }
        .works-list-org-item-info h3{
            font-size: 16px;
            line-height: 28px;

        }
        .works-list-org-item-info p{
            display: block;
            line-height: 24px;
            margin-bottom: 4px;
            overflow: hidden; text-overflow:ellipsis; white-space: nowrap;
        }
        .works-list-org-item-info span{
            display: block;
            margin-bottom: 8px;
            line-height: 24px;
        }

    </style>
</head>

<body >

<@netCommon.commonHeader "艺术视野" menu i18n/>

<div class="section-index" style=" margin-top: 110px">
    <div class="app-containter">
        <div class="app-containter-box">
            <h3>我的足迹</h3>

        </div>
        <div class="works-list-works" id="tp_track_list_content">


        </div>
    </div>
</div>
<script id="tp_track_list" type="text/x-handlebars-template">


    {{#each this}}

    <a class="works-list-works-item" href="/works/detail?productNo={{productNo}}">
        <img class="works-list-works-item-img" src="{{productImage}}">
        <div class="works-list-works-item-info">
            <h3>
                {{productName}}
            </h3>
<#--            &lt;#&ndash;                    <p> ${item.prdName}</p>&ndash;&gt;-->
<#--            <p>¥{item.prdPrice}</p>-->
        </div>
    </a>
    {{/each}}

</script>

</body>

<@netCommon.commonScript />
<script src="/static/js/handlebars.js"></script>
<script>
    var tpl = $("#tp_track_list").html();
    debugger;


    var plist = localStorage.getItem('historyP')
    if(plist) {
        var list = JSON.parse(plist);
        if(list && list.length>0){
            var tpl = $("#tp_track_list").html();
            var template = Handlebars.compile(tpl);
            var html = template(list);
            $('#tp_track_list_content').html(html);
        }

    }
</script>


</html>